{% extends 'base.html' %}

{% block body %}

<link rel="stylesheet" href="static/home.css" />
<script src="https://kit.fontawesome.com/b99e675b6e.js"></script>

<div class="wrapper01">
    <div class="sidebar">
        <h2>沐云</h2>
        <ul>
            <li><a href="{{ url_for('cool_form') }}" rel="external nofollow"><i class="fas fa-home" ></i>当前天气</a></li>
            <li><a href="{{ url_for('forecast_home') }}" rel="external nofollow"><i class="fas fa-user"></i>天气预报</a></li>
            <li><a href="{{ url_for('poi_search') }}" rel="external nofollow"><i class="fas fa-address-card"></i>附近搜索</a></li>
            <li><a href="{{ url_for('view_the_log') }}" rel="external nofollow"><i class="fas fa-project-diagram"></i>日志系统</a></li>
            <li><a href="#"><i class="fas fa-blog"></i>Blogs</a></li>
            <li><a href="#"><i class="fas fa-address-book"></i>Contact</a></li>
            <li><a href="#"><i class="fas fa-map-pin"></i>Map</a></li>
        </ul>
        <div class="social_media">
          <a href="#"><i class="fab fa-facebook-f"></i></a>
          <a href="#"><i class="fab fa-twitter"></i></a>
          <a href="#"><i class="fab fa-instagram"></i></a>
      </div>
    </div>
    <div class="main_content">
        <div class="header">这里是搜索附近功能，只要输入关键词，即可搜索出信息与位置，方便您在突发天气状况中迅速找到帮助！</div>
        <div class="info">
<form method='POST' action='/poi_check'>
    <link rel="stylesheet" href="static/weather_input.css" />
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<main>
	<h1>请输入您想搜索的关键词</h1>
<table>
	<div class="SearchBox">
		<input name="keywords" type="text" class="SearchBox-input" placeholder="如广州，餐厅">
        <button class="SearchBox-button" type="submit">
				<i class="SearchBox-icon  material-icons">search</i>
			</button>
	</div>
</table>
</main>
</form>
        </div>
    </div>
</div>


</div>

{% endblock %}